<template>
  <div class="order">
    <header>
      <div>
        <div class="hd-l"  @click='back'>
          <i class="iconfont icon-fanhui"></i>
        </div>
        <h2>订单</h2>
      </div>
    </header>
    <section class="nodatatipWrap">
      <img src="https://fuss10.elemecdn.com/f/18/9fb04779371b5b162b41032baf5f3gif.gif">
      <h3>登录后查看外卖订单</h3>
      <router-link to='/login'>
        <button cick='javascript:;'>立即登录</button>
      </router-link>
    </section>
    <Footers></Footers>
  </div>
</template>

<script>
import Footers from './Footer';
export default {
  name: 'Order',
  components: { Footers },
  methods: {
    back: function () {
      window.history.go(-1);
    }
  }
}
</script>

<style lang="scss">
@import '../../static/hotcss/px2rem.scss';
.order {
  // background-color: #eee;
  // height: 100%;
  header {
    height: px2rem(44);
    >div {
      position: fixed;
      width: 100%;
      height: px2rem(44);
      z-index: 100;
      background-image: linear-gradient(to right, #00AAFF 0%, #0086FF 100%);
    }
    .hd-l {
      display: inline-block;
      width: px2rem(44);
      height: px2rem(44);
      text-align: center;
      vertical-align: top;
      line-height: px2rem(44);
      i {
        font-size: px2rem(18);
        color: #FFF;
      }
    }
    h2 {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      color: #FFF;
      line-height: px2rem(44);
      font-size: px2rem(18);
    }
  }
  section {
    padding-top: px2rem(144);
    text-align: center;
    img {
      display: block;
      width: px2rem(200);
      background-color: #eee;
      margin: 0 auto;
    }
    h3 {
      margin: px2rem(12.5) 0 px2rem(10);
      color: #6a6a6a;
      font-weight: 400;
      font-size: px2rem(18);
    }
    button {
      padding: px2rem(10);
      min-width: px2rem(120);
      border: none;
      border-radius: px2rem(5);
      background-color: #56d176;
      color: #fff;
      text-align: center;
      font-size: px2rem(15);
      font-family: inherit;
    }
  }
}
</style>